<!--  -->
<template>
    <div class='home'>
        <!-- 三级联动 -->
        <TypeNav />
        <!-- 轮播图 -->
        <listcontainer />
        <!-- 今日推荐 -->
        <recommend />
        <!-- 热卖排行 -->
        <rank />
        <!-- 猜你喜欢 -->
        <like />
        <!--楼层-->
        <floor v-for="(floor,index) in floorListData" :key="floor.id" :floor="floor" />
        <!--商标-->
        <brand />

    </div>
</template>

<script>
import { mapState } from 'vuex';
import listcontainer from "@/pages/Home/ListConter/ListConter"
import recommend from "@/pages/Home/recommend/recommend"
import rank from "@/pages/Home/rank/rank"
import like from "@/pages/Home/like/like"
import floor from "@/pages/Home/floor/floor"
import brand from "@/pages/Home/brand/brand"
export default {
    //import引入的组件需要注入到对象中才能使用
    components: {
        listcontainer,
        recommend,
        rank,
        like,
        floor,
        brand
    },
    data() {
        //这里存放数据
        return {
        };
    },
    //监听属性 类似于data概念
    computed: {
        ...mapState({
            floorListData: (state) => state.home.floorListData
        })
    },
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {

    },
    beforeCreate() { }, //生命周期 - 创建之前
    //生命周期 - 创建完成（可以访问当前this实例）
    created() {

    },
    beforeMount() { }, //生命周期 - 挂载之前
    //生命周期 - 挂载完成（可以访问DOM元素）
    mounted() {
        this.$store.dispatch('getfloorList')
    },
    beforeUpdate() { }, //生命周期 - 更新之前
    updated() { }, //生命周期 - 更新之后
    beforeDestroy() { }, //生命周期 - 销毁之前
    destroyed() { }, //生命周期 - 销毁完成
    activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang="less"></style>